<template>
  <div style="display: flex;align-items: center;height: 62px">
      <el-image
          style="width: 36px; height: 40px;"
          :src="params.value"
          @click="isShowPreview = true"
          fit="cover"></el-image>
    <el-dialog
        :visible.sync="isShowPreview"
        append-to-body
        style="text-align: center"
    >
      <div slot="title">图片预览</div>
      <!-- 图片 -->
      <template>
        <!-- 单张图片 -->
        <img
            :src="params.value"
            class="ele-gallery-image"
        >
      </template>
    </el-dialog>
  </div>
</template>

<script>
import bgPic from '@/assets/images/bg-grey.png';
export default {
    data () {
        return {
            isShowPreview: false,
            bgPic
        };
    }
};
</script>
